@import '../../variables.less';

.chat_tool {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	.chat_tool_item {
		flex: 1;
		margin-bottom: 5px;
		display: flex;
		.leftIcons {
			flex: 1;
			display: flex;
			li {
				margin-right: 20px;
				cursor: pointer;
			}
		}
		.rightIcons {
			flex: 1;
			display: flex;
			justify-content: flex-end;
			li {
				margin-left: 20px;
				cursor: pointer;
			}
		}
	}
	.chat_tool_input {
		flex: 5;
		background-color: @deeply-border_bg-color;
		textarea {
			resize: none;
			width: 100%;
			height: 100%;
			background-color: @deeply-border_bg-color;
		}
		textarea::-webkit-scrollbar {
			width: 5px;
		}
		textarea::-webkit-scrollbar-thumb {
			border-radius: 5px;
			background-color: @primary-border_bg-color;
		}
		// * input输入框样式
		// :global {
		// 	.ant-spin-nested-loading {
		// 		width: 100%;
		// 		height: 100%;
		// 		.ant-spin-container {
		// 			width: 100%;
		// 			height: 100%;
		// 		}
		// 		.ant-spin-container::after {
		// 			background-color: transparent;
		// 		}
		// 	}
		// }
	}
	.chat_tool_btn {
		flex: 1.5;
		margin-top: 5px;
		display: flex;
		justify-content: flex-end;
	}
}

.emoji_list {
	overflow-y: auto;
	.emoji_item {
		font-size: 0.2rem;
	}
}
